<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>梦妆后台</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="../dist/css/font-awesome.min.css">
  <link rel="stylesheet" href="../dist/css/ionicons.min.css">
    <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  <!-- 自定义样式 -->
  <link rel="stylesheet" href="../css/admin.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- 头部信息 -->
  <header class="main-header"></header>
  <!--  左侧导航 -->
  <aside class="main-sidebar"></aside>

  <!-- 内容区域 -->
  <div class="content-wrapper">
    <!-- 内容标题 -->
    <section class="content-header">
        <h1>
            商品管理
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">生成</a></li>
            <li class="active">添加</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content pd-top0">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header solist pd-top0">
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs pull-left" style="cursor: move;" id="myTab">
                                <li ><a href="commodity_list.html">商品分类管理</a></li>
                                <li class="active"><a href="javascript:;">商品信息管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="box-body solist">
                        <div class="box-form form-inline">
                            <a href="detail.html" class="btn btn-primary bg-pink btn-big">新建商品</a>
                        
                            <div class="form-group">
                                <select class="form-control">
                                    <option value="0">请选择商品一级分类</option>
                                    <option value="1">女士护肤</option>
                                    <option value="2">彩妆</option>
                                    <option value="3">男士护肤</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label></label>
                                <select class="form-control">
                                    <option value="0">请选择商品二级分类</option>
                                    <option value="1">深层清洁</option>
                                    <option value="2">润泽保湿</option>
                                    <option value="3">美白淡斑</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label></label>
                                <select class="form-control">
                                    <option value="0">请选择商品系列</option>
                                    <option value="1">清莲净澈系列</option>
                                    <option value="2">清透净颜系列</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label></label>
                                <select class="form-control">
                                    <option value="0">请选择商品状态</option>
                                    <option value="1">在售</option>
                                    <option value="2">下架</option>
                                </select>
                            </div>
                            <div class="form-group " style="margin-right: 10px">
                                <label class="hidden"></label>
                                <input type="text" class="form-control" placeholder="请输入标签名称查询" style="width: 150px;">
                            </div>
                            <button type="submit" class="btn btn-default">搜索</button>
                            <button type="button" class="btn btn-default margin_left5">批量上架</button>
                            <button type="button" class="btn btn-default margin_left5">批量下架</button>
                        </div>
                        <table class="table table-bordered text-center">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" class="market-check-all"></th>
                                    <th>商品主图</th>
                                    <th>商品编号</th>
                                    <th>商品主标题</th>
                                    <th>商品分类</th>
                                    <th>标准规格</th>
                                    <th>价格</th>
                                    <th>库存</th>
                                    <th>状态</th>
                                    <th>上架时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><input type="checkbox" class="market-check"></td>
                                    <td><img src="../img/u1284.png" width="60" height="60"></td>
                                    <td>kf02921</td>
                                    <td>清莲净澈卸妆油</td>
                                    <td><p>女士护肤</p><p>-深层清洁</p><p>清莲净澈系列</p></td>
                                    <td>150ml</td>
                                    <td>139.00</td>
                                    <td>100</td>
                                    <td><span class="label label-success">在售</span></td>
                                    <td>2016-10-14 20:33:20</td>
                                    <td>
                                        <a href="detail.html" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin">删除</a>
                                        <a class="btn btn-default btn-xs btn-flat margin" href="javascript:;">下架</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" class="market-check"></td>
                                    <td><img src="../img/u1284.png" width="60" height="60"></td>
                                    <td>kf02921</td>
                                    <td>清莲净澈卸妆油</td>
                                    <td><p>女士护肤</p><p>-深层清洁</p><p>清莲净澈系列</p></td>
                                    <td>150ml</td>
                                    <td>139.00</td>
                                    <td>100</td>
                                    <td><span class="label label-gray">已下架</span></td>
                                    <td>2016-10-14 20:33:20</td>
                                    <td>
                                        <a href="detail.html" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin">删除</a>
                                        <a class="btn btn-default btn-xs btn-flat margin" href="javascript:;" >下架</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer solist clearfix">
                        <ul class="pagination pagination-sm no-margin pull-right">
                            <li><a href="#">«</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">»</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
</div>
<!-- ./wrapper -->

<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../dist/js/app.min.js"></script>
<!-- <script src="../dist/js/demo.js"></script> -->

<script type="text/javascript">
  var pageMenu = {"active": [3]};
  $(function() {
    //全选
    $("input.market-check-all").on("change",function(){
        if(!!$(this).prop("checked")){
            $("input.market-check").prop("checked", true);
        }
        else {
            $("input.market-check").prop("checked", false);
        }
    });
    $("input.market-check").on("change",function(){
        var length1=$("input.market-check").length;
        var length2=$("input.market-check:checked").length;
        if(length1==length2){
            $("input.market-check-all").prop("checked",true);
        }else{
            $("input.market-check-all").prop("checked",false);
        }
    });
  })
  
</script>
<script src="../js/vendors.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>

</body>
</html>
